Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toggle graphs in the training board olena #825

Open
wants to merge 6 commits into
base: develop
Choose a base branch
from

Conversation

iamsherlocked1891
Copy link
Collaborator

Client-side

Additions & Modifications:

  1. Enhanced DropdownCard Component:

    • The DropdownCard component was refactored to allow dynamic control over its state (collapsed or expanded) based on a passed parameter.
    • By default, the component remains open.
  2. Refinements in the Training Information Section:

    • Graphs within the Training Information section were encapsulated within the newly refactored DropdownCard component. This provides users the option to expand or collapse the graphical data, improving the clarity and organization of training details.
  3. Removed Training Logs from Training Information:

    • The Training Logs information was removed from the Training Information section, streamlining the display and focusing user attention on more important information.

@JulienVig JulienVig removed the request for review from tharvik November 5, 2024 13:43
Copy link
Collaborator

@tharvik tharvik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks for the work! a few comments on how to improve it, please also fix the tests/lint found by the CI

webapp/src/components/containers/DropdownCard.vue Outdated Show resolved Hide resolved
webapp/src/components/containers/DropdownCard.vue Outdated Show resolved Hide resolved
webapp/src/components/training/TrainingInformation.vue Outdated Show resolved Hide resolved
webapp/src/components/training/TrainingInformation.vue Outdated Show resolved Hide resolved
@iamsherlocked1891 iamsherlocked1891 marked this pull request as ready for review November 12, 2024 10:47
Copy link
Collaborator

@JulienVig JulienVig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! The TrainingInformation's test can still be improved a bit :)

Can you resolve tharvik's comments if addressed them?

},
});

expect(wrapper.findAll("#mapHeader li")).toHaveLength(3);
const listItems = wrapper.findAll("#mapHeader li");
expect(listItems.length === 0 || listItems.length === 3).toBe(true);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Only one length should be expected (is the advanced information open or closed by default?).

Can you break this down into two assertions: one when the length is expected to be 0 and another when the length should be 3? You can use cypress' .click() to toggle the advanced information.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This test is designed to validate the Training Logs section, which has been removed. Therefore, the test should only pass when the length is 0. However, does it make sense to keep this test at all, considering there is essentially nothing left for it to verify?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Indeed you can remove it altogether!

@JulienVig JulienVig self-requested a review November 26, 2024 15:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants